a,abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video
	{
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section
	{
	display: block
}

audio,canvas,video display: inline-block * display: inline * zoom: 1,audio:not
	([controls] ) display: none,[hidden] display: none,html {
	width: 100%;
	height: 100%;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow-y: visible !important;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: moz-none;
	user-select: none;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -o-box;
	display: box;
}

body * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0
}

a {
	text-decoration: none;
	-webkit-tap-highlight-color:white;
	color:white;
}

a:ACTIVE{
	color:white;
}

a:hover {
	opacity: 1;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
	font-size: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

th,td,caption {
	vertical-align: top;
	text-align: left
}

@media =" all " {
	::-webkit-scrollbar {
		width: 1px;
		height: 1px
	}
}

body,html {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden
}

body>aside,body>section {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -o-box;
	display: box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	-o-box-orient: vertical;
	box-orient: vertical;
	height: inherit;
	webkit-transform: translate3d(0, 0, 0);
}

body>aside>header,body>section>header,body>aside>footer,body>section>footer
	{
	-webkit-box-flex: 0;
	-moz-box-flex: 0;
	-ms-box-flex: 0;
	-o-box-flex: 0;
	box-flex: 0;
	z-index: 3;
	position: relative;
}

body>aside>header,body>section>header {
	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	-ms-box-ordinal-group: 1;
	-o-box-ordinal-group: 1;
	box-ordinal-group: 1
}

body>aside>article,body>section>article {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	-o-box-flex: 1;
	box-flex: 1;
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	-ms-box-ordinal-group: 2;
	-o-box-ordinal-group: 2;
	box-ordinal-group: 2;
	z-index: -1
}

body>aside>footer,body>section>footer {
	-webkit-box-ordinal-group: 3;
	-moz-box-ordinal-group: 3;
	-ms-box-ordinal-group: 3;
	-o-box-ordinal-group: 3;
	box-ordinal-group: 3
}

body>aside>header,body>section>header,body>aside>footer,body>section>footer
	{
	height: 46px;
	line-height: 46px;
}

body>aside>header>nav,body>section>header>nav,body>aside>footer>nav,body>section>footer>nav
	{
	-webkit-box-flex: 0;
	-moz-box-flex: 0;
	-ms-box-flex: 0;
	-o-box-flex: 0;
	box-flex: 0
}

body>aside>header>.title,body>section>header>.title,body>aside>footer>.title,body>section>footer>.title
	{
	z-index: -1;
	float: left;
	font-size: 1.2em;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	-o-box-flex: 1;
	box-flex: 1;
}

body>aside>header>.title.centered,body>section>header>.title.centered,body>aside>footer>.title.centered,body>section>footer>.title.centered
	{
	position: absolute;
	left: 1.6em;
	right: 1.6em;
	text-align: center;
	display: inline-block;
	color:white;
}

body>aside>header>.title>.tag,body>section>header>.title>.tag,body>aside>footer>.title>.tag,body>section>footer>.title>.tag
	{
	position: relative;
	top: -.1em;
	left: .25em
}

body>aside>header>img.title,body>section>header>img.title,body>aside>footer>img.title,body>section>footer>img.title
	{
	height: 28px;
	margin: 9px auto
}

body>aside>article,body>section>article {
	visibility: hidden;
	display: none
}

body>aside.show>article.active,body>section.show>article.active,body>aside.hide>article.active,body>section.hide>article.active,body>aside.hiding>article.active,body>section.hiding>article.active
	{
	visibility: visible;
	display: block;
	z-index: 1;
	height: inherit;
}

body>aside.show>article.active.pull,body>section.show>article.active.pull,body>aside.hide>article.active.pull,body>section.hide>article.active.pull,body>aside.hiding>article.active.pull,body>section.hiding>article.active.pull
	{
	-webkit-transition-property: transform;
	-moz-transition-property: transform;
	-ms-transition-property: transform;
	-o-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 500ms;
	-moz-transition-duration: 500ms;
	-ms-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms
}

body>aside [data-article].hide,body>section [data-article].hide {
	display: none
}

body>section {
	width: inherit;
	z-index: -1;
}

body>section.show {
	z-index: 1
}

body>aside {
	width: 256px;
	display: none;
	z-index: -1;
}

body>aside>header .title {
	margin: 0 .8em
}

body>aside.active,body>aside.show {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -o-box;
	display: box
}

body>aside.show {
	z-index: 0
}

body>aside.right {
	right: 0
}

body[data-os=ios] [data-os=android],body[data-os=ios] [data-os=blackerry],body[data-os=ios] [data-os=firefoxos]
	{
	display: none
}

body[data-os=android] [data-os=ios],body[data-os=android] [data-os=blackerry],body[data-os=android] [data-os=firefoxos]
	{
	display: none
}

body[data-os=blackberry] [data-os=android],body[data-os=blackberry] [data-os=ios],body[data-os=blackberry] [data-os=firefoxos]
	{
	display: none
}

body[data-os=firefoxos] [data-os=android],body[data-os=firefoxos] [data-os=ios],body[data-os=firefoxos] [data-os=blackberry]
	{
	display: none
}

.list li {
	list-style-type: none;
	position: relative;
	text-align: -webkit-match-parent;
	line-height: inherit;
}

.list li:not (.big ){
	padding: .8em
}

.list li.thumb {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -o-box;
	display: box;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-ms-box-orient: horizontal;
	-o-box-orient: horizontal;
	box-orient: horizontal;
}

.list li.thumb>div {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	-o-box-flex: 1;
	box-flex: 1
}

.list li.thumb.big>img {
	width: 65px;
	height: 65px
}

.list li.thumb.big>div {
	padding: .25em .4em
}

.list li.thumb:not (.big ) >img {
	width: 44px;
	height: 44px
}

.list li.thumb:not (.big ) >div {
	padding-left: .8em
}

.list li.arrow::after {
	position: absolute;
	right: .5em;
	top: 45%;
	width: .5em;
	height: .5em;
	content: '';
	border-right: .25em solid;
	border-top: .25em solid;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.list li a {
	display: block;
	text-decoration: none
}

.list li .icon {
	display: inline-block;
	float: left;
	margin-right: .4em;
	text-align: center;
	line-height: 1em;
	width: 24px;
	height: 24px;
	font-size: 1.4em
}

.list li.anchor {
	padding: .25em .5em;
}

.list li.anchor .tag {
	display: none
}

.list li h1,.list li h2,.list li h3,.list li h4,.list li h5,.list li h6,.list li strong,.list li small
	{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block
}

.list li small+.on-right {
	margin-left: 0;
	margin-top: -1.4em
}

.list li small,.list li.anchor {
	font-size: .9em
}

.list li .on-right:not (.tag ){
	font-size: 11px
}

.list li .on-right.tag {
	padding-left: .4em;
	padding-right: .4em;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	-ms-text-shadow: none;
	-o-text-shadow: none;
	text-shadow: none
}

.list .on-right .icon,.list small .icon {
	font-size: inherit !important;
	width: auto !important;
	height: auto !important
}

.list.indented li:not (:last-child ){
	margin-bottom: .8em
}

header nav a,header nav button {
	position: relative;
	text-align: center;
	float: left;
	height: 46px;
	min-width: 46px;
}

header nav a>.icon,header nav button>.icon {
	font-size: 1.5em
}

header nav .tag {
	position: absolute;
	top: .5em;
	right: .25em;
	height: 1.4em;
	line-height: 1.4em
}

header nav .loading {
	font-size: 1.5em;
}

header nav .loading+.icon {
	display: none
}

nav[data-control=groupbar],footer nav {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -o-box;
	display: box;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-box-pack: justify;
	-o-box-pack: justify;
	box-pack: justify;
	width: 100%;
}

nav[data-control=groupbar]>a,footer nav>a {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	-o-box-flex: 1;
	box-flex: 1;
	text-decoration: none
}

nav[data-control=groupbar] {
	z-index: 2;
	height: 36px;
	width: 100%;
	font-size: .9em;
	line-height: 36px;
}

nav[data-control=groupbar]>a {
	padding: 0;
	margin: 0;
	height: 36px !important;
	display: block;
	text-align: center;
}

nav[data-control=groupbar]>a .icon,nav[data-control=groupbar]>a .tag {
	margin: 0 .2em;
	line-height: inherit
}

nav[data-control=menu] {
	position: absolute;
	left: 0;
	top: 0;
	top: 46px;
	visibility: hidden;
	z-index: 2;
	width: 100%;
	text-align: center;
	-webkit-transform: translateY(-120%);
	-moz-transform: translateY(-120%);
	-ms-transform: translateY(-120%);
	-o-transform: translateY(-120%);
	transform: translateY(-120%);
	-webkit-transition-property: transform;
	-moz-transition-property: transform;
	-ms-transition-property: transform;
	-o-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 500ms;
	-moz-transition-duration: 500ms;
	-ms-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
	-moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
	-ms-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
	-o-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
	transition-timing-function: cubic-bezier(.645, .045, .355, 1);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}

nav[data-control=menu].show {
	visibility: visible;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%)
}

nav[data-control=menu].icons {
	font-size: 11px;
}

nav[data-control=menu].icons>a {
	width: 25%;
	float: left;
	padding: 10px 0;
}

nav[data-control=menu].icons>a>.icon {
	font-size: 32px;
	line-height: 32px;
	display: block
}

nav[data-control=menu]:not (.icons ){
	font-size: 1.2em;
}

nav[data-control=menu]:not (.icons ) >a {
	display: block;
	position: relative;
	padding: .8em;
}

nav[data-control=menu]:not (.icons ) >a>.icon {
	position: absolute;
	left: .5em;
	top: .5em;
	font-size: 1.4em;
	line-height: 1em
}

footer nav a {
	display: block;
	padding: 0;
	height: 46px;
	text-align: center
}

footer nav .icon {
	font-size: 2em;
	line-height: inherit;
	width: 46px;
	display: inline-block
}

footer nav .tag {
	position: relative;
	top: -12px;
	left: -12px;
	margin-right: -24px;
}

footer nav .tag .loading {
	top: 0;
	font-size: 1.4em
}

footer nav abbr {
	display: none
}

footer nav.with-labels .icon {
	font-size: 1.8em;
	line-height: 1em
}

footer nav.with-labels abbr {
	z-index: 1;
	display: block !important;
	margin-top: -1.3em;
	font-size: 11px;
	line-height: 11px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

@
-moz-keyframes menuShow { 0%{
	-webkit-transform: translateY(-120%);
	-moz-transform: translateY(-120%);
	-ms-transform: translateY(-120%);
	-o-transform: translateY(-120%);
	transform: translateY(-120%)
}

75%{
-webkit-transform
:translateY(8px)
;-moz-transform
:translateY(8px)
;-ms-transform
:translateY(8px)
;-o-transform
:translateY(8px)
;transform
:translateY(8px)
}
100%{
-webkit-transform
:translateY(0)
;-moz-transform
:translateY(0)
;-ms-transform
:translateY(0)
;-o-transform
:translateY(0)
;transform
:translateY(0)
}
}
@
-webkit-keyframes menuShow { 0%{
	-webkit-transform: translateY(-120%);
	-moz-transform: translateY(-120%);
	-ms-transform: translateY(-120%);
	-o-transform: translateY(-120%);
	transform: translateY(-120%)
}

75%{
-webkit-transform
:translateY(8px)
;-moz-transform
:translateY(8px)
;-ms-transform
:translateY(8px)
;-o-transform
:translateY(8px)
;transform
:translateY(8px)
}
100%{
-webkit-transform
:translateY(0)
;-moz-transform
:translateY(0)
;-ms-transform
:translateY(0)
;-o-transform
:translateY(0)
;transform
:translateY(0)
}
}
@
-o-keyframes menuShow { 0%{
	-webkit-transform: translateY(-120%);
	-moz-transform: translateY(-120%);
	-ms-transform: translateY(-120%);
	-o-transform: translateY(-120%);
	transform: translateY(-120%)
}

75%{
-webkit-transform
:translateY(8px)
;-moz-transform
:translateY(8px)
;-ms-transform
:translateY(8px)
;-o-transform
:translateY(8px)
;transform
:translateY(8px)
}
100%{
-webkit-transform
:translateY(0)
;-moz-transform
:translateY(0)
;-ms-transform
:translateY(0)
;-o-transform
:translateY(0)
;transform
:translateY(0)
}
}
@
-ms-keyframes menuShow { 0%{
	-webkit-transform: translateY(-120%);
	-moz-transform: translateY(-120%);
	-ms-transform: translateY(-120%);
	-o-transform: translateY(-120%);
	transform: translateY(-120%)
}

75%{
-webkit-transform
:translateY(8px)
;-moz-transform
:translateY(8px)
;-ms-transform
:translateY(8px)
;-o-transform
:translateY(8px)
;transform
:translateY(8px)
}
100%{
-webkit-transform
:translateY(0)
;-moz-transform
:translateY(0)
;-ms-transform
:translateY(0)
;-o-transform
:translateY(0)
;transform
:translateY(0)
}
}
@
keyframes menuShow { 0%{
	-webkit-transform: translateY(-120%);
	-moz-transform: translateY(-120%);
	-ms-transform: translateY(-120%);
	-o-transform: translateY(-120%);
	transform: translateY(-120%)
}

75%{
-webkit-transform
:translateY(8px)
;-moz-transform
:translateY(8px)
;-ms-transform
:translateY(8px)
;-o-transform
:translateY(8px)
;transform
:translateY(8px)
}
100%{
-webkit-transform
:translateY(0)
;-moz-transform
:translateY(0)
;-ms-transform
:translateY(0)
;-o-transform
:translateY(0)
;transform
:translateY(0)
}
}
@
-moz-keyframes menuHide { 0%{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

25%{
-webkit-transform
:translateY(8px)
;-moz-transform
:translateY(8px)
;-ms-transform
:translateY(8px)
;-o-transform
:translateY(8px)
;transform
:translateY(8px)
}
100%{
-webkit-transform
:translateY
(-120%);-moz-transform
:translateY
(-120%);-ms-transform
:translateY
(-120%);-o-transform
:translateY
(-120%);transform
:translateY
(-120%)
}
}
@
-webkit-keyframes menuHide { 0%{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

25%{
-webkit-transform
:translateY(8px)
;-moz-transform
:translateY(8px)
;-ms-transform
:translateY(8px)
;-o-transform
:translateY(8px)
;transform
:translateY(8px)
}
100%{
-webkit-transform
:translateY
(-120%);-moz-transform
:translateY
(-120%);-ms-transform
:translateY
(-120%);-o-transform
:translateY
(-120%);transform
:translateY
(-120%)
}
}
@
-o-keyframes menuHide { 0%{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

25%{
-webkit-transform
:translateY(8px)
;-moz-transform
:translateY(8px)
;-ms-transform
:translateY(8px)
;-o-transform
:translateY(8px)
;transform
:translateY(8px)
}
100%{
-webkit-transform
:translateY
(-120%);-moz-transform
:translateY
(-120%);-ms-transform
:translateY
(-120%);-o-transform
:translateY
(-120%);transform
:translateY
(-120%)
}
}
@
-ms-keyframes menuHide { 0%{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

25%{
-webkit-transform
:translateY(8px)
;-moz-transform
:translateY(8px)
;-ms-transform
:translateY(8px)
;-o-transform
:translateY(8px)
;transform
:translateY(8px)
}
100%{
-webkit-transform
:translateY
(-120%);-moz-transform
:translateY
(-120%);-ms-transform
:translateY
(-120%);-o-transform
:translateY
(-120%);transform
:translateY
(-120%)
}
}
@
keyframes menuHide { 0%{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

25%{
-webkit-transform
:translateY(8px)
;-moz-transform
:translateY(8px)
;-ms-transform
:translateY(8px)
;-o-transform
:translateY(8px)
;transform
:translateY(8px)
}
100%{
-webkit-transform
:translateY
(-120%);-moz-transform
:translateY
(-120%);-ms-transform
:translateY
(-120%);-o-transform
:translateY
(-120%);transform
:translateY
(-120%)
}
}
.hidden {
	display: none
}

.block {
	display: block
}

.inline {
	display: inline
}

.inline-block {
	display: inline-block
}

.indented>* {
	padding: .5333333333333333em
}

.margined>* {
	margin: .5333333333333333em
}

.margin-top {
	margin-top: .5333333333333333em
}

.margin-right {
	margin-right: .5333333333333333em
}

.margin-bottom {
	margin-bottom: .5333333333333333em
}

.margin-left {
	margin-left: .5333333333333333em
}

.on-left {
	float: left
}

.on-right {
	float: right
}

.overthrow-enabled .overthrow {
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

.scroll {
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	-webkit-box-flex: 1;
}

.scroll.horizontal {
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap
}

.scroll>* {
	-webkit-transform: translate3d(0, 0, 0)
}

.tag {
	font-size: 11px;
	min-width: 17px;
	height: 16px;
	line-height: 16px !important;
	text-align: center;
	z-index: 1;
	display: inline-block !important
}

.layout {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -o-box;
	display: box;
	height: inherit !important;
}

.layout:not (.horizontal ){
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	-o-box-orient: vertical;
	box-orient: vertical;
}

.layout:not (.horizontal ) >[data-layout=middle] {
	height: 50%
}

.layout:not (.horizontal ) >[data-layout=third] {
	height: 33%
}

.layout:not (.horizontal ) >[data-layout=quarter] {
	height: 25%
}

.layout.horizontal {
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-ms-box-orient: horizontal;
	-o-box-orient: horizontal;
	box-orient: horizontal;
}

.layout.horizontal>[data-layout=middle] {
	width: 50%
}

.layout.horizontal>[data-layout=third] {
	width: 33%
}

.layout.horizontal>[data-layout=quarter] {
	width: 25%
}

.layout>* {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	-o-box-flex: 1;
	box-flex: 1
}

.layout>[data-layout=secondary] {
	-webkit-box-flex: 2;
	-moz-box-flex: 2;
	-ms-box-flex: 2;
	-o-box-flex: 2;
	box-flex: 2
}

.layout>[data-layout=primary] {
	-webkit-box-flex: 3;
	-moz-box-flex: 3;
	-ms-box-flex: 3;
	-o-box-flex: 3;
	box-flex: 3
}

[data-view-menu]:after {
	content: "▼";
	position: relative;
	top: -5px;
	left: 1px;
	font-size: 11px
}

[data-control=carousel] {
	overflow: hidden;
	list-style: none;
	margin: 0
}

body>section>article.splash {
	text-align: center;
	padding: 1.3333333333333333em;
}

body>section>article.splash .logo {
	max-width: 192px;
	margin: 15% 0 7.5% 0;
	font-size: 2.2em
}

body>section>article.splash .button,body>section>article.splash button {
	margin-bottom: .35555555555555557em
}

body>section>article.splash .copyright {
	position: absolute;
	width: 100%;
	bottom: 8px;
	left: 0;
	font-size: 11px;
	padding: 0
}

.button,button {
	display: inline-block;
	border: none;
	cursor: pointer;
	font-family: inherit;
	font-weight: inherit;
	text-align: center;
	text-decoration: none;
	outline: none;
	background: none;
	font-size: inherit;
}

header .button>abbr,header button>abbr {
	font-size: .9em
}

header .button .icon+abbr,header button .icon+abbr {
	position: relative;
	left: .3em;
	top: .5em;
	float: right
}

article .button,article button {
	line-height: 2.5em;
}

article .button.icon,article button.icon {
	padding: 0 .65em
}

article .button:not (.icon ),article button:not (.icon ){
	padding: 0 1em;
}

article .button:not (.icon ) .icon+abbr,article button:not (.icon ) .icon+abbr
	{
	margin-left: .5em
}

article .button.large,article button.large {
	font-size: 1.4em
}

article .button.small,article button.small {
	font-size: .9em;
	line-height: 2.25em
}

article .button.tiny,article button.tiny {
	font-size: 11px;
	line-height: 2em;
	padding: 0 .6em
}

article .button.anchor,article button.anchor {
	width: 100%;
	position: relative;
	padding: 0;
}

article .button.anchor:not (.icon ) .icon,article button.anchor:not (.icon
	) .icon {
	position: absolute;
	left: 1em
}

body>section>article>.empty {
	display: block;
	width: 80%;
	margin: 0 auto;
	padding-top: 15%;
	text-align: center;
}

body>section>article>.empty>* {
	display: block
}

body>section>article>.empty>.icon {
	font-size: 7.5em;
	line-height: 1em
}

body>section>article>.empty>strong {
	font-size: 1.2em;
	line-height: 1.2em
}

body>section>article>.empty>small {
	font-size: .9em
}

body>section>article>.empty>button {
	margin: .5em 0
}

form label:not (.select ),.form label:not (.select ){
	display: inline-block;
	font-size: .9em;
	line-height: inherit;
	margin: .15em 0
}

form input:not ([type="checkbox"] ),.form input:not ([type="checkbox"] ),form textarea,.form textarea,form select,.form select,form .progress,.form .progress,form label.select,.form label.select,form [data-control-progress],.form [data-control-progress]
	{
	font-size: 1em;
}

form input:not ([type="checkbox"] ).large,.form input:not ([type="checkbox"]
	).large,form textarea.large,.form textarea.large,form select.large,.form select.large,form .progress.large,.form .progress.large,form label.select.large,.form label.select.large,form [data-control-progress].large,.form [data-control-progress].large
	{
	font-size: 1.2em
}

form input[type="text"],.form input[type="text"],form input[type="password"],.form input[type="password"],form input[type="date"],.form input[type="date"],form input[type="datetime"],.form input[type="datetime"],form input[type="email"],.form input[type="email"],form input[type="number"],.form input[type="number"],form input[type="search"],.form input[type="search"],form input[type="tel"],.form input[type="tel"],form input[type="time"],.form input[type="time"],form input[type="url"],.form input[type="url"],form select,.form select,form textarea,.form textarea,form label.select,.form label.select
	{
	display: inline-block;
	width: 100%;
	margin: .5em 0;
	padding: 0 .5em;
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	transition: all 100ms linear;
	font-family: inherit;
	-webkit-appearance: none;
	-webkit-user-select: text;
	border: 0;
}

form input[type="text"]:focus,.form input[type="text"]:focus,form input[type="password"]:focus,.form input[type="password"]:focus,form input[type="date"]:focus,.form input[type="date"]:focus,form input[type="datetime"]:focus,.form input[type="datetime"]:focus,form input[type="email"]:focus,.form input[type="email"]:focus,form input[type="number"]:focus,.form input[type="number"]:focus,form input[type="search"]:focus,.form input[type="search"]:focus,form input[type="tel"]:focus,.form input[type="tel"]:focus,form input[type="time"]:focus,.form input[type="time"]:focus,form input[type="url"]:focus,.form input[type="url"]:focus,form select:focus,.form select:focus,form textarea:focus,.form textarea:focus,form label.select:focus,.form label.select:focus
	{
	outline: none !important
}

form input[type="text"].border,.form input[type="text"].border,form input[type="password"].border,.form input[type="password"].border,form input[type="date"].border,.form input[type="date"].border,form input[type="datetime"].border,.form input[type="datetime"].border,form input[type="email"].border,.form input[type="email"].border,form input[type="number"].border,.form input[type="number"].border,form input[type="search"].border,.form input[type="search"].border,form input[type="tel"].border,.form input[type="tel"].border,form input[type="time"].border,.form input[type="time"].border,form input[type="url"].border,.form input[type="url"].border,form select.border,.form select.border,form textarea.border,.form textarea.border,form label.select.border,.form label.select.border,form input[type="text"].border>select,.form input[type="text"].border>select,form input[type="password"].border>select,.form input[type="password"].border>select,form input[type="date"].border>select,.form input[type="date"].border>select,form input[type="datetime"].border>select,.form input[type="datetime"].border>select,form input[type="email"].border>select,.form input[type="email"].border>select,form input[type="number"].border>select,.form input[type="number"].border>select,form input[type="search"].border>select,.form input[type="search"].border>select,form input[type="tel"].border>select,.form input[type="tel"].border>select,form input[type="time"].border>select,.form input[type="time"].border>select,form input[type="url"].border>select,.form input[type="url"].border>select,form select.border>select,.form select.border>select,form textarea.border>select,.form textarea.border>select,form label.select.border>select,.form label.select.border>select
	{
	padding: .3em .4em
}

form textarea,.form textarea {
	min-height: 2.5em;
	line-height: 1.2em
}

form fieldset,.form fieldset {
	position: relative;
	padding: 0 .5em;
}

form fieldset>label:not (.select ),.form fieldset>label:not (.select ){
	float: left;
	width: 20%;
	margin: .5em 0;
	line-height: 1.75em;
}

form fieldset>label:not (.select ).absolute,.form fieldset>label:not (.select
	).absolute {
	position: absolute
}

form fieldset>label:not (.select ).anchor,.form fieldset>label:not (.select
	).anchor {
	width: auto;
	overflow: hidden
}

form fieldset>label:not (.absolute ) +input:not ([type="checkbox"] ),.form fieldset>label:not
	(.absolute ) +input:not ([type="checkbox"] ),form fieldset>label:not (.absolute
	) +label.select,.form fieldset>label:not (.absolute ) +label.select {
	width: 80%
}

form fieldset>label:not (.absolute ) +input[type="checkbox"],.form fieldset>label:not
	(.absolute ) +input[type="checkbox"] {
	margin-top: .5em
}

form fieldset .icon,.form fieldset .icon {
	position: absolute;
	font-size: 1.2em;
	top: .5em;
	right: .6em
}

form fieldset input[type="text"],.form fieldset input[type="text"],form fieldset input[type="password"],.form fieldset input[type="password"],form fieldset input[type="date"],.form fieldset input[type="date"],form fieldset input[type="datetime"],.form fieldset input[type="datetime"],form fieldset input[type="email"],.form fieldset input[type="email"],form fieldset input[type="number"],.form fieldset input[type="number"],form fieldset input[type="search"],.form fieldset input[type="search"],form fieldset input[type="tel"],.form fieldset input[type="tel"],form fieldset input[type="time"],.form fieldset input[type="time"],form fieldset input[type="url"],.form fieldset input[type="url"],form fieldset textarea,.form fieldset textarea
	{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	padding: 0 .3em;
	line-height: 1.5em;
}

form fieldset input[type="text"],.form fieldset input[type="text"],form fieldset input[type="password"],.form fieldset input[type="password"],form fieldset input[type="date"],.form fieldset input[type="date"],form fieldset input[type="datetime"],.form fieldset input[type="datetime"],form fieldset input[type="email"],.form fieldset input[type="email"],form fieldset input[type="number"],.form fieldset input[type="number"],form fieldset input[type="search"],.form fieldset input[type="search"],form fieldset input[type="tel"],.form fieldset input[type="tel"],form fieldset input[type="time"],.form fieldset input[type="time"],form fieldset input[type="url"],.form fieldset input[type="url"],form fieldset textarea,.form fieldset textarea,form fieldset input[type="text"]:focus,.form fieldset input[type="text"]:focus,form fieldset input[type="password"]:focus,.form fieldset input[type="password"]:focus,form fieldset input[type="date"]:focus,.form fieldset input[type="date"]:focus,form fieldset input[type="datetime"]:focus,.form fieldset input[type="datetime"]:focus,form fieldset input[type="email"]:focus,.form fieldset input[type="email"]:focus,form fieldset input[type="number"]:focus,.form fieldset input[type="number"]:focus,form fieldset input[type="search"]:focus,.form fieldset input[type="search"]:focus,form fieldset input[type="tel"]:focus,.form fieldset input[type="tel"]:focus,form fieldset input[type="time"]:focus,.form fieldset input[type="time"]:focus,form fieldset input[type="url"]:focus,.form fieldset input[type="url"]:focus,form fieldset textarea:focus,.form fieldset textarea:focus
	{
	background: none
}

form fieldset input[type="checkbox"],.form fieldset input[type="checkbox"]
	{
	float: right
}

form fieldset label.select,.form fieldset label.select {
	line-height: 1.5em
}

.indented form fieldset>label:not (.select ):not (.anchor ),.indented .form fieldset>label:not
	(.select ):not (.anchor ){
	width: 25%
}

.indented form fieldset>label:not (.absolute ) +input:not ([type="checkbox"]
	),.indented .form fieldset>label:not (.absolute ) +input:not ([type="checkbox"]
	),.indented form fieldset>label:not (.absolute ) +label.select,.indented .form fieldset>label:not
	(.absolute ) +label.select {
	width: 75%
}

form label.select,.form label.select {
	position: relative;
	display: inline-block;
	font-size: inherit;
	line-height: inherit;
	padding: 0 !important;
}

form label.select>select,.form label.select>select {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	border-radius: 0 !important;
	margin: 0;
	padding: 0 .4em
}

form label.select:after,.form label.select:after {
	position: absolute;
	top: .15em;
	right: .3em;
	content: "▼";
	pointer-events: none;
	text-align: center
}

form input[type="range"],.form input[type="range"] {
	-webkit-appearance: none;
	outline: none;
	height: 5px;
	width: 100%;
	padding: 0;
	border: none;
	margin: 1em 0;
	background: #f00;
}

form input[type="range"]::-webkit-slider-thumb,.form input[type="range"]::-webkit-slider-thumb
	{
	position: relative;
	width: 26px;
	height: 26px;
	-webkit-appearance: none;
	border: none
}

form [data-progress],.form [data-progress] {
	width: 100%;
	margin-bottom: .5em;
}

form [data-progress] .bar,.form [data-progress] .bar {
	height: 5px;
	line-height: 5px;
	display: block;
}

form [data-progress] .bar .value,.form [data-progress] .bar .value {
	display: block;
	height: inherit;
	width: 0%;
	-webkit-transition: width 500ms cubic-bezier(.645, .045, .355, 1);
	-moz-transition: width 500ms cubic-bezier(.645, .045, .355, 1);
	-ms-transition: width 500ms cubic-bezier(.645, .045, .355, 1);
	-o-transition: width 500ms cubic-bezier(.645, .045, .355, 1);
	transition: width 500ms cubic-bezier(.645, .045, .355, 1)
}

form input[type="checkbox"],.form input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	-webkit-user-select: text;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	-ms-border-radius: 26px;
	-o-border-radius: 26px;
	border-radius: 26px;
	cursor: pointer;
	height: 28px;
	position: relative;
	-webkit-transition: border .25s .15s, box-shadow .25s .3s, padding .25s;
	-moz-transition: border .25s .15s, box-shadow .25s .3s, padding .25s;
	-ms-transition: border .25s .15s, box-shadow .25s .3s, padding .25s;
	-o-transition: border .25s .15s, box-shadow .25s .3s, padding .25s;
	transition: border .25s .15s, box-shadow .25s .3s, padding .25s;
	width: 44px;
	vertical-align: top;
}

form input[type="checkbox"]:after,.form input[type="checkbox"]:after {
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	-o-border-radius: 24px;
	border-radius: 24px;
	-webkit-box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.025), 0 1px 4px
		rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.025), 0 1px 4px
		rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.025), 0 1px 4px
		rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.1);
	-o-box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.025), 0 1px 4px
		rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.025), 0 1px 4px
		rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.1);
	content: '';
	display: block;
	height: 24px;
	left: 0;
	position: absolute;
	right: 16px;
	top: 0;
	-webkit-transition: border .25s .15s, left .25s .1s, right .15s .175s;
	-moz-transition: border .25s .15s, left .25s .1s, right .15s .175s;
	-ms-transition: border .25s .15s, left .25s .1s, right .15s .175s;
	-o-transition: border .25s .15s, left .25s .1s, right .15s .175s;
	transition: border .25s .15s, left .25s .1s, right .15s .175s
}

form input[type="checkbox"]:checked,.form input[type="checkbox"]:checked
	{
	padding-left: 18px;
	-webkit-transition: border .25s, box-shadow .25s, padding .25s .15s;
	-moz-transition: border .25s, box-shadow .25s, padding .25s .15s;
	-ms-transition: border .25s, box-shadow .25s, padding .25s .15s;
	-o-transition: border .25s, box-shadow .25s, padding .25s .15s;
	transition: border .25s, box-shadow .25s, padding .25s .15s;
}

form input[type="checkbox"]:checked:after,.form input[type="checkbox"]:checked:after
	{
	left: 16px;
	right: 0;
	-webkit-transition: border .25s, left .15s .25s, right .25s .175s;
	-moz-transition: border .25s, left .15s .25s, right .25s .175s;
	-ms-transition: border .25s, left .15s .25s, right .25s .175s;
	-o-transition: border .25s, left .15s .25s, right .25s .175s;
	transition: border .25s, left .15s .25s, right .25s .175s
}

.loading {
	position: relative;
	left: 50%;
	height: 1em;
	width: 1em;
	margin-left: -.5em;
	-webkit-transform-origin: .5em .5em;
	-moz-transform-origin: .5em .5em;
	-ms-transform-origin: .5em .5em;
	-o-transform-origin: .5em .5em;
	transform-origin: .5em .5em;
	font-size: 48px;
}

.loading.disable {
	-webkit-animation: none;
	-moz-animation: none;
	display: none
}

.loading>span {
	left: 50%;
	margin-left: -.05em;
}

.loading>span,.loading>span::before,.loading>span::after {
	display: block;
	position: absolute;
	width: .1em;
	height: .25em;
	top: 0;
	-webkit-transform-origin: .05em .5em;
	-moz-transform-origin: .05em .5em;
	-ms-transform-origin: .05em .5em;
	-o-transform-origin: .05em .5em;
	transform-origin: .05em .5em;
	-webkit-border-radius: .1em;
	-moz-border-radius: .1em;
	-ms-border-radius: .1em;
	-o-border-radius: .1em;
	border-radius: .1em
}

.loading>span::before,.loading>span::after {
	content: " "
}

.loading>span.top {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0)
}

.loading>span.right {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}

.loading>span.bottom {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.loading>span.left {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg)
}

.loading>span::before {
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg)
}

.loading>span::after {
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	transform: rotate(-30deg)
}

.loading>span.top {
	background-color: rgba(0, 0, 0, 0.99)
}

.loading>span.top::after {
	background-color: rgba(0, 0, 0, 0.9)
}

.loading>span.left::before {
	background-color: rgba(0, 0, 0, 0.8)
}

.loading>span.left {
	background-color: rgba(0, 0, 0, 0.7)
}

.loading>span.left::after {
	background-color: rgba(0, 0, 0, 0.6)
}

.loading>span.bottom::before {
	background-color: rgba(0, 0, 0, 0.5)
}

.loading>span.bottom {
	background-color: rgba(0, 0, 0, 0.4)
}

.loading>span.bottom::after {
	background-color: rgba(0, 0, 0, 0.35)
}

.loading>span.right::before {
	background-color: rgba(0, 0, 0, 0.3)
}

.loading>span.right {
	background-color: rgba(0, 0, 0, 0.25)
}

.loading>span.right::after {
	background-color: rgba(0, 0, 0, 0.2)
}

.loading>span.top::before {
	background-color: rgba(0, 0, 0, 0.15)
}

.loading.white>span.top {
	background-color: rgba(255, 255, 255, 0.99)
}

.loading.white>span.top::after {
	background-color: rgba(255, 255, 255, 0.9)
}

.loading.white>span.left::before {
	background-color: rgba(255, 255, 255, 0.8)
}

.loading.white>span.left {
	background-color: rgba(255, 255, 255, 0.7)
}

.loading.white>span.left::after {
	background-color: rgba(255, 255, 255, 0.6)
}

.loading.white>span.bottom::before {
	background-color: rgba(255, 255, 255, 0.5)
}

.loading.white>span.bottom {
	background-color: rgba(255, 255, 255, 0.4)
}

.loading.white>span.bottom::after {
	background-color: rgba(255, 255, 255, 0.35)
}

.loading.white>span.right::before {
	background-color: rgba(255, 255, 255, 0.3)
}

.loading.white>span.right {
	background-color: rgba(255, 255, 255, 0.25)
}

.loading.white>span.right::after {
	background-color: rgba(255, 255, 255, 0.2)
}

.loading.white>span.top::before {
	background-color: rgba(255, 255, 255, 0.15)
}

section.show .loading,section.active .loading,.notification .loading {
	-webkit-animation: rotatingLoader 600ms infinite linear;
	moz-animation: rotatingLoader 600ms infinite linear
}

@
-webkit-keyframes rotatingLoader { 0%{
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0)
}

8
.32 %{
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0)
}

8
.33 %{
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg)
}

16
.65 %{
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg)
}

16
.66 %{
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	transform: rotate(60deg)
}

24
.99 %{
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	transform: rotate(60deg)
}

25%{
-webkit-transform
:rotate(90deg)
;-moz-transform
:rotate(90deg)
;-ms-transform
:rotate(90deg)
;-o-transform
:rotate(90deg)
;transform
:rotate(90deg)
}
33
.32 %{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}

33
.33 %{
	-webkit-transform: rotate(120deg);
	-moz-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	-o-transform: rotate(120deg);
	transform: rotate(120deg)
}

41
.65 %{
	-webkit-transform: rotate(120deg);
	-moz-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	-o-transform: rotate(120deg);
	transform: rotate(120deg)
}

41
.66 %{
	-webkit-transform: rotate(150deg);
	-moz-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	-o-transform: rotate(150deg);
	transform: rotate(150deg)
}

49
.99 %{
	-webkit-transform: rotate(150deg);
	-moz-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	-o-transform: rotate(150deg);
	transform: rotate(150deg)
}

50%{
-webkit-transform
:rotate(180deg)
;-moz-transform
:rotate(180deg)
;-ms-transform
:rotate(180deg)
;-o-transform
:rotate(180deg)
;transform
:rotate(180deg)
}
58
.32 %{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

58
.33 %{
	-webkit-transform: rotate(210deg);
	-moz-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	-o-transform: rotate(210deg);
	transform: rotate(210deg)
}

66
.65 %{
	-webkit-transform: rotate(210deg);
	-moz-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	-o-transform: rotate(210deg);
	transform: rotate(210deg)
}

66
.66 %{
	-webkit-transform: rotate(240deg);
	-moz-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	-o-transform: rotate(240deg);
	transform: rotate(240deg)
}

74
.99 %{
	-webkit-transform: rotate(240deg);
	-moz-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	-o-transform: rotate(240deg);
	transform: rotate(240deg)
}

75%{
-webkit-transform
:rotate(270deg)
;-moz-transform
:rotate(270deg)
;-ms-transform
:rotate(270deg)
;-o-transform
:rotate(270deg)
;transform
:rotate(270deg)
}
83
.32 %{
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg)
}

83
.33 %{
	-webkit-transform: rotate(300deg);
	-moz-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	-o-transform: rotate(300deg);
	transform: rotate(300deg)
}

91
.65 %{
	-webkit-transform: rotate(300deg);
	-moz-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	-o-transform: rotate(300deg);
	transform: rotate(300deg)
}

91
.66 %{
	-webkit-transform: rotate(330deg);
	-moz-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	-o-transform: rotate(330deg);
	transform: rotate(330deg)
}

100%{
-webkit-transform
:rotate(330deg)
;-moz-transform
:rotate(330deg)
;-ms-transform
:rotate(330deg)
;-o-transform
:rotate(330deg)
;transform
:rotate(330deg)
}
}
@
-moz-keyframes rotatingLoader { 0%{
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0)
}

8
.32 %{
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0)
}

8
.33 %{
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg)
}

16
.65 %{
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg)
}

16
.66 %{
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	transform: rotate(60deg)
}

24
.99 %{
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	transform: rotate(60deg)
}

25%{
-webkit-transform
:rotate(90deg)
;-moz-transform
:rotate(90deg)
;-ms-transform
:rotate(90deg)
;-o-transform
:rotate(90deg)
;transform
:rotate(90deg)
}
33
.32 %{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}

33
.33 %{
	-webkit-transform: rotate(120deg);
	-moz-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	-o-transform: rotate(120deg);
	transform: rotate(120deg)
}

41
.65 %{
	-webkit-transform: rotate(120deg);
	-moz-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	-o-transform: rotate(120deg);
	transform: rotate(120deg)
}

41
.66 %{
	-webkit-transform: rotate(150deg);
	-moz-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	-o-transform: rotate(150deg);
	transform: rotate(150deg)
}

49
.99 %{
	-webkit-transform: rotate(150deg);
	-moz-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	-o-transform: rotate(150deg);
	transform: rotate(150deg)
}

50%{
-webkit-transform
:rotate(180deg)
;-moz-transform
:rotate(180deg)
;-ms-transform
:rotate(180deg)
;-o-transform
:rotate(180deg)
;transform
:rotate(180deg)
}
58
.32 %{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

58
.33 %{
	-webkit-transform: rotate(210deg);
	-moz-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	-o-transform: rotate(210deg);
	transform: rotate(210deg)
}

66
.65 %{
	-webkit-transform: rotate(210deg);
	-moz-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	-o-transform: rotate(210deg);
	transform: rotate(210deg)
}

66
.66 %{
	-webkit-transform: rotate(240deg);
	-moz-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	-o-transform: rotate(240deg);
	transform: rotate(240deg)
}

74
.99 %{
	-webkit-transform: rotate(240deg);
	-moz-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	-o-transform: rotate(240deg);
	transform: rotate(240deg)
}

75%{
-webkit-transform
:rotate(270deg)
;-moz-transform
:rotate(270deg)
;-ms-transform
:rotate(270deg)
;-o-transform
:rotate(270deg)
;transform
:rotate(270deg)
}
83
.32 %{
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg)
}

83
.33 %{
	-webkit-transform: rotate(300deg);
	-moz-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	-o-transform: rotate(300deg);
	transform: rotate(300deg)
}

91
.65 %{
	-webkit-transform: rotate(300deg);
	-moz-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	-o-transform: rotate(300deg);
	transform: rotate(300deg)
}

91
.66 %{
	-webkit-transform: rotate(330deg);
	-moz-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	-o-transform: rotate(330deg);
	transform: rotate(330deg)
}

100%{
-webkit-transform
:rotate(330deg)
;-moz-transform
:rotate(330deg)
;-ms-transform
:rotate(330deg)
;-o-transform
:rotate(330deg)
;transform
:rotate(330deg)
}
}
.notification {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1980;
	display: none;
}

.notification.show {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -o-box;
	display: box;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-box-align: center;
	-o-box-align: center;
	box-align: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-box-pack: center;
	-o-box-pack: center;
	box-pack: center
}

.notification.push {
	height: 26.285714285714285px
}

.notification .window {
	position: relative;
	opacity: 0;
	text-align: center;
	-webkit-transition-duration: 250ms;
	-moz-transition-duration: 250ms;
	-ms-transition-duration: 250ms;
	-o-transition-duration: 250ms;
	transition-duration: 250ms;
	-webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
	-moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
	-ms-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
	-o-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
	transition-timing-function: cubic-bezier(.645, .045, .355, 1);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}

.notification .window.show {
	opacity: 1
}

.notification .window:not (.push ){
	-webkit-transition-property: opacity, margin-top;
	-moz-transition-property: opacity, margin-top;
	-ms-transition-property: opacity, margin-top;
	-o-transition-property: opacity, margin-top;
	transition-property: opacity, margin-top;
	margin-top: 100%;
}

.notification .window:not (.push ).show {
	margin-top: 0%
}

.notification .window.growl>* {
	position: absolute
}

.notification .window.growl,.notification .window.growl>*:not (.loading
	){
	width: 104px;
	text-align: center
}

.notification .window.growl,.notification .window.growl>.icon {
	height: 104px !important
}

.notification .window.growl>.icon {
	left: 0;
	top: 0;
	font-size: 52px;
	line-height: 104px
}

.notification .window.growl>strong {
	height: 18px;
	top: 84px;
	padding: 0 .5em;
	overflow: hidden;
	font-size: 11px
}

.notification .window.growl>small {
	display: none
}

.notification .window.growl>.loading {
	top: 28px
}

.notification .window.success,.notification .window.error,.notification .window.confirm,.notification .window.html
	{
	width: 280px;
	margin-top: 100%
}

.notification .window.success,.notification .window.error,.notification .window.confirm
	{
	padding-top: 1em;
}

.notification .window.success>.icon,.notification .window.error>.icon,.notification .window.confirm>.icon
	{
	font-size: 5em;
	line-height: 1em
}

.notification .window.success>small,.notification .window.error>small,.notification .window.confirm>small
	{
	font-size: .9em;
	padding-bottom: 1em
}

.notification .window.success>.icon,.notification .window.error>.icon,.notification .window.confirm>.icon,.notification .window.success>strong,.notification .window.error>strong,.notification .window.confirm>strong
	{
	padding-bottom: .25em
}

.notification .window.success>strong,.notification .window.error>strong,.notification .window.confirm>strong,.notification .window.success>small,.notification .window.error>small,.notification .window.confirm>small
	{
	padding-left: .5em;
	padding-right: .5em
}

.notification .window.html .title {
	height: 46px;
	line-height: 46px;
	font-size: 1.2em
}

.notification .window.push {
	position: absolute !important;
	text-align: left;
	height: 30.666666666666668px;
	line-height: 30.666666666666668px;
	padding: 0 1em;
	width: 100%;
	-webkit-transition-property: opacity, top;
	-moz-transition-property: opacity, top;
	-ms-transition-property: opacity, top;
	-o-transition-property: opacity, top;
	transition-property: opacity, top;
	top: -30.666666666666668px !important;
}

.notification .window.push.show {
	top: 0 !important
}

.notification .window.push .icon {
	float: left;
	display: inline;
	margin-right: .5em;
	font-size: 1.4em
}

.notification .window button {
	display: block;
	margin-bottom: 1px;
	width: inherit;
	line-height: 2.5em;
	border: none;
	font-size: 1.2em
}

.notification .window strong,.notification .window small {
	display: block
}

section.hide>[data-control="pull"] {
	display: none
}

section.show>[data-control="pull"] {
	position: absolute;
	z-index: -1;
	top: 46px;
	width: inherit;
	height: 80px;
	padding: 10px 0;
	text-align: center;
}

section.show>[data-control="pull"]>.icon {
	display: inline-block;
	width: 52px;
	height: 52px;
	font-size: 52px;
	line-height: 52px;
	-webkit-transition-property: rotate, color;
	-moz-transition-property: rotate, color;
	-ms-transition-property: rotate, color;
	-o-transition-property: rotate, color;
	transition-property: rotate, color;
	-webkit-transition-duration: 500ms;
	-moz-transition-duration: 500ms;
	-ms-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
	-moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
	-ms-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
	-o-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
	transition-timing-function: cubic-bezier(.645, .045, .355, 1);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden
}

section.show>[data-control="pull"]>.loading {
	display: none;
	left: 0%
}

section.show>[data-control="pull"]>strong {
	position: relative;
	top: -16px;
	margin-left: 4px;
	font-size: 1em
}

section.show>[data-control="pull"].rotate>.icon {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

section.show>[data-control="pull"].refresh>.icon {
	display: none
}

section.show>[data-control="pull"].refresh>.loading {
	display: inline-block
}

.text.italic {
	font-style: italic
}

.text.underline {
	text-decoration: underline
}

.text.line-through {
	text-decoration: line-through
}

.text.align_left {
	text-align: left
}

.text.align_right {
	text-align: right
}

.text.align_center {
	text-align: center
}

.text.align_justify {
	text-align: justify
}

.text.tiny {
	font-size: .8em
}

.text.small {
	font-size: .9em
}

.text.big {
	font-size: 1.2em
}

.text.large {
	font-size: 1.4em
}

.text.opacity {
	opacity: .5
}

h1 {
	font-size: 1.6em
}

h2 {
	font-size: 1.5em
}

h3 {
	font-size: 1.4em
}

h4 {
	font-size: 1.3em
}

@media only screen and (max-width: 767px) {
	body {
		-webkit-perspective: 800px;
		-moz-perspective: 800px;
		-ms-perspective: 800px;
		-o-perspective: 800px;
		perspective: 800px;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	body[data-position="absolute"]>section {
		position: absolute
	}
	body[data-position="fixed"]>section {
		position: fixed
	}
	body>aside {
		z-index: 0;
		position: absolute;
	}
	body>aside:not (.show ){
		z-index: -1
	}
	body>section {
		display: none;
	}
	body>section:not ([data-transition] ).show {
		display: block
	}
	body>section.aside {
		-webkit-transform: translateX(256px);
		-moz-transform: translateX(256px);
		-ms-transform: translateX(256px);
		-o-transform: translateX(256px);
		transform: translateX(256px)
	}
	body>section.aside-right {
		-webkit-transform: translateX(-256px);
		-moz-transform: translateX(-256px);
		-ms-transform: translateX(-256px);
		-o-transform: translateX(-256px);
		transform: translateX(-256px)
	}
	body [data-transition],body [data-aside-transition] {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-box;
		display: -o-box;
		display: box;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-animation-duration: 500ms;
		-moz-animation-duration: 500ms;
		-ms-animation-duration: 500ms;
		-o-animation-duration: 500ms;
		animation-duration: 500ms;
		-webkit-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
		-moz-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
		-ms-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
		-o-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
		animation-timing-function: cubic-bezier(.645, .045, .355, 1);
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		visibility: hidden;
	}
	body [data-transition].show,body [data-aside-transition].show {
		visibility: visible
	}
}

@media only screen and (min-width: 768px) {
	body {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-box;
		display: -o-box;
		display: box;
		-webkit-box-orient: horizontal;
		-moz-box-orient: horizontal;
		-ms-box-orient: horizontal;
		-o-box-orient: horizontal;
		box-orient: horizontal;
		overflow: hidden;
		-webkit-perspective: 800px;
		-moz-perspective: 800px;
		-ms-perspective: 800px;
		-o-perspective: 800px;
		perspective: 800px;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	body div.notification {
		position: absolute !important
	}
	body>section,body>aside {
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
		-moz-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
		-ms-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
		-o-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
		animation-timing-function: cubic-bezier(.645, .045, .355, 1);
		-webkit-animation-duration: 500ms;
		-moz-animation-duration: 500ms;
		-ms-animation-duration: 500ms;
		-o-animation-duration: 500ms;
		animation-duration: 500ms;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;
		animation-fill-mode: forwards
	}
	body>aside.box {
		z-index: 0;
		display: none;
	}
	body>aside.box.show {
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		-ms-box-ordinal-group: 1;
		-o-box-ordinal-group: 1;
		box-ordinal-group: 1;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-box;
		display: -o-box;
		display: box
	}
	body>aside.box.right {
		-webkit-box-ordinal-group: 3;
		-moz-box-ordinal-group: 3;
		-ms-box-ordinal-group: 3;
		-o-box-ordinal-group: 3;
		box-ordinal-group: 3
	}
	body>aside:not (.box ){
		position: absolute;
		z-index: 0;
		left: 0;
		top: 0;
		visibility: hidden;
	}
	body>aside:not (.box ).show {
		visibility: visible
	}
	body>section {
		z-index: 1;
		display: none;
	}
	body>section.show {
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-ms-box-ordinal-group: 2;
		-o-box-ordinal-group: 2;
		box-ordinal-group: 2;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-box;
		display: -o-box;
		display: box
	}
	body>section.asideShowing {
		z-index: 2;
		-webkit-animation-name: withAside;
		-moz-animation-name: withAside;
		-ms-animation-name: withAside;
		-o-animation-name: withAside;
		animation-name: withAside
	}
	body>section.asideHidding {
		-webkit-animation-name: withoutAside;
		-moz-animation-name: withoutAside;
		-ms-animation-name: withoutAside;
		-o-animation-name: withoutAside;
		animation-name: withoutAside
	}
	body>section.aside {
		z-index: 2;
		-webkit-transform: translateX(256px);
		-moz-transform: translateX(256px);
		-ms-transform: translateX(256px);
		-o-transform: translateX(256px);
		transform: translateX(256px)
	}
	body>section.shadowing {
		-webkit-animation-name: withAsideOpacity;
		-moz-animation-name: withAsideOpacity;
		-ms-animation-name: withAsideOpacity;
		-o-animation-name: withAsideOpacity;
		animation-name: withAsideOpacity
	}
	body>section.unshadowing {
		-webkit-animation-name: withoutAsideOpacity;
		-moz-animation-name: withoutAsideOpacity;
		-ms-animation-name: withoutAsideOpacity;
		-o-animation-name: withoutAsideOpacity;
		animation-name: withoutAsideOpacity
	}
	body>section.shadow {
		-webkit-transform: translateX(256px);
		-moz-transform: translateX(256px);
		-ms-transform: translateX(256px);
		-o-transform: translateX(256px);
		transform: translateX(256px);
		opacity: .6
	}
	body>section.hide,body>section.hide * {
		opacity: 0
	}
	body>section:not ([data-children] ){
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		-ms-box-flex: 1;
		-o-box-flex: 1;
		box-flex: 1
	}
	body>section[data-children] {
		width: 320px
	}
}

@
-moz-keyframes withAside { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

100%{
-webkit-transform
:translateX(256px)
;-moz-transform
:translateX(256px)
;-ms-transform
:translateX(256px)
;-o-transform
:translateX(256px)
;transform
:translateX(256px)
}
}
@
-webkit-keyframes withAside { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

100%{
-webkit-transform
:translateX(256px)
;-moz-transform
:translateX(256px)
;-ms-transform
:translateX(256px)
;-o-transform
:translateX(256px)
;transform
:translateX(256px)
}
}
@
-o-keyframes withAside { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

100%{
-webkit-transform
:translateX(256px)
;-moz-transform
:translateX(256px)
;-ms-transform
:translateX(256px)
;-o-transform
:translateX(256px)
;transform
:translateX(256px)
}
}
@
-ms-keyframes withAside { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

100%{
-webkit-transform
:translateX(256px)
;-moz-transform
:translateX(256px)
;-ms-transform
:translateX(256px)
;-o-transform
:translateX(256px)
;transform
:translateX(256px)
}
}
@
keyframes withAside { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

100%{
-webkit-transform
:translateX(256px)
;-moz-transform
:translateX(256px)
;-ms-transform
:translateX(256px)
;-o-transform
:translateX(256px)
;transform
:translateX(256px)
}
}
@
-moz-keyframes withoutAside { 0%{
	-webkit-transform: translateX(256px);
	-moz-transform: translateX(256px);
	-ms-transform: translateX(256px);
	-o-transform: translateX(256px);
	transform: translateX(256px)
}

100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
-webkit-keyframes withoutAside { 0%{
	-webkit-transform: translateX(256px);
	-moz-transform: translateX(256px);
	-ms-transform: translateX(256px);
	-o-transform: translateX(256px);
	transform: translateX(256px)
}

100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
-o-keyframes withoutAside { 0%{
	-webkit-transform: translateX(256px);
	-moz-transform: translateX(256px);
	-ms-transform: translateX(256px);
	-o-transform: translateX(256px);
	transform: translateX(256px)
}

100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
-ms-keyframes withoutAside { 0%{
	-webkit-transform: translateX(256px);
	-moz-transform: translateX(256px);
	-ms-transform: translateX(256px);
	-o-transform: translateX(256px);
	transform: translateX(256px)
}

100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
keyframes withoutAside { 0%{
	-webkit-transform: translateX(256px);
	-moz-transform: translateX(256px);
	-ms-transform: translateX(256px);
	-o-transform: translateX(256px);
	transform: translateX(256px)
}

100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
-moz-keyframes withAsideOpacity { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

100%{
-webkit-transform
:translateX(256px)
;-moz-transform
:translateX(256px)
;-ms-transform
:translateX(256px)
;-o-transform
:translateX(256px)
;transform
:translateX(256px)
;opacity
:
.6
}
}
@
-webkit-keyframes withAsideOpacity { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

100%{
-webkit-transform
:translateX(256px)
;-moz-transform
:translateX(256px)
;-ms-transform
:translateX(256px)
;-o-transform
:translateX(256px)
;transform
:translateX(256px)
;opacity
:
.6
}
}
@
-o-keyframes withAsideOpacity { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

100%{
-webkit-transform
:translateX(256px)
;-moz-transform
:translateX(256px)
;-ms-transform
:translateX(256px)
;-o-transform
:translateX(256px)
;transform
:translateX(256px)
;opacity
:
.6
}
}
@
-ms-keyframes withAsideOpacity { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

100%{
-webkit-transform
:translateX(256px)
;-moz-transform
:translateX(256px)
;-ms-transform
:translateX(256px)
;-o-transform
:translateX(256px)
;transform
:translateX(256px)
;opacity
:
.6
}
}
@
keyframes withAsideOpacity { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

100%{
-webkit-transform
:translateX(256px)
;-moz-transform
:translateX(256px)
;-ms-transform
:translateX(256px)
;-o-transform
:translateX(256px)
;transform
:translateX(256px)
;opacity
:
.6
}
}
@
-moz-keyframes withoutAsideOpacity { 0%{
	-webkit-transform: translateX(256px);
	-moz-transform: translateX(256px);
	-ms-transform: translateX(256px);
	-o-transform: translateX(256px);
	transform: translateX(256px);
	opacity: .6
}

100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
-webkit-keyframes withoutAsideOpacity { 0%{
	-webkit-transform: translateX(256px);
	-moz-transform: translateX(256px);
	-ms-transform: translateX(256px);
	-o-transform: translateX(256px);
	transform: translateX(256px);
	opacity: .6
}

100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
-o-keyframes withoutAsideOpacity { 0%{
	-webkit-transform: translateX(256px);
	-moz-transform: translateX(256px);
	-ms-transform: translateX(256px);
	-o-transform: translateX(256px);
	transform: translateX(256px);
	opacity: .6
}

100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
-ms-keyframes withoutAsideOpacity { 0%{
	-webkit-transform: translateX(256px);
	-moz-transform: translateX(256px);
	-ms-transform: translateX(256px);
	-o-transform: translateX(256px);
	transform: translateX(256px);
	opacity: .6
}

100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
keyframes withoutAsideOpacity { 0%{
	-webkit-transform: translateX(256px);
	-moz-transform: translateX(256px);
	-ms-transform: translateX(256px);
	-o-transform: translateX(256px);
	transform: translateX(256px);
	opacity: .6
}

100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
}
}
section[data-aside-left="show"] {
	-webkit-animation-name: sectionAsideLeftShow;
	-moz-animation-name: sectionAsideLeftShow;
	-ms-animation-name: sectionAsideLeftShow;
	-o-animation-name: sectionAsideLeftShow;
	animation-name: sectionAsideLeftShow
}

section[data-aside-left="hide"] {
	-webkit-animation-name: sectionAsideLeftHide;
	-moz-animation-name: sectionAsideLeftHide;
	-ms-animation-name: sectionAsideLeftHide;
	-o-animation-name: sectionAsideLeftHide;
	animation-name: sectionAsideLeftHide
}

section[data-aside-right="show"] {
	-webkit-animation-name: sectionAsideRightShow;
	-moz-animation-name: sectionAsideRightShow;
	-ms-animation-name: sectionAsideRightShow;
	-o-animation-name: sectionAsideRightShow;
	animation-name: sectionAsideRightShow
}

section[data-aside-right="hide"] {
	-webkit-animation-name: sectionAsideRightHide;
	-moz-animation-name: sectionAsideRightHide;
	-ms-animation-name: sectionAsideRightHide;
	-o-animation-name: sectionAsideRightHide;
	animation-name: sectionAsideRightHide
}

aside[data-transition=right] {
	right: 0
}

aside[data-aside-left="hide"] {
	-webkit-animation-name: asideLeftHide;
	-moz-animation-name: asideLeftHide;
	-ms-animation-name: asideLeftHide;
	-o-animation-name: asideLeftHide;
	animation-name: asideLeftHide
}

aside[data-aside-left="show"] {
	-webkit-animation-name: asideLeftHide;
	-moz-animation-name: asideLeftHide;
	-ms-animation-name: asideLeftHide;
	-o-animation-name: asideLeftHide;
	animation-name: asideLeftHide
}

@
-moz-keyframes sectionAsideLeftShow { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

60%{
-webkit-transform
:translateX(262px)
;-moz-transform
:translateX(262px)
;-ms-transform
:translateX(262px)
;-o-transform
:translateX(262px)
;transform
:translateX(262px)
}
100%{
-webkit-transform
:translateX(256px)
;-moz-transform
:translateX(256px)
;-ms-transform
:translateX(256px)
;-o-transform
:translateX(256px)
;transform
:translateX(256px)
}
}
@
-webkit-keyframes sectionAsideLeftShow { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

60%{
-webkit-transform
:translateX(262px)
;-moz-transform
:translateX(262px)
;-ms-transform
:translateX(262px)
;-o-transform
:translateX(262px)
;transform
:translateX(262px)
}
100%{
-webkit-transform
:translateX(256px)
;-moz-transform
:translateX(256px)
;-ms-transform
:translateX(256px)
;-o-transform
:translateX(256px)
;transform
:translateX(256px)
}
}
@
-o-keyframes sectionAsideLeftShow { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

60%{
-webkit-transform
:translateX(262px)
;-moz-transform
:translateX(262px)
;-ms-transform
:translateX(262px)
;-o-transform
:translateX(262px)
;transform
:translateX(262px)
}
100%{
-webkit-transform
:translateX(256px)
;-moz-transform
:translateX(256px)
;-ms-transform
:translateX(256px)
;-o-transform
:translateX(256px)
;transform
:translateX(256px)
}
}
@
-ms-keyframes sectionAsideLeftShow { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

60%{
-webkit-transform
:translateX(262px)
;-moz-transform
:translateX(262px)
;-ms-transform
:translateX(262px)
;-o-transform
:translateX(262px)
;transform
:translateX(262px)
}
100%{
-webkit-transform
:translateX(256px)
;-moz-transform
:translateX(256px)
;-ms-transform
:translateX(256px)
;-o-transform
:translateX(256px)
;transform
:translateX(256px)
}
}
@
keyframes sectionAsideLeftShow { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

60%{
-webkit-transform
:translateX(262px)
;-moz-transform
:translateX(262px)
;-ms-transform
:translateX(262px)
;-o-transform
:translateX(262px)
;transform
:translateX(262px)
}
100%{
-webkit-transform
:translateX(256px)
;-moz-transform
:translateX(256px)
;-ms-transform
:translateX(256px)
;-o-transform
:translateX(256px)
;transform
:translateX(256px)
}
}
@
-moz-keyframes sectionAsideLeftHide { 0%{
	-webkit-transform: translateX(256px);
	-moz-transform: translateX(256px);
	-ms-transform: translateX(256px);
	-o-transform: translateX(256px);
	transform: translateX(256px)
}

25%{
-webkit-transform
:translateX(262px)
;-moz-transform
:translateX(262px)
;-ms-transform
:translateX(262px)
;-o-transform
:translateX(262px)
;transform
:translateX(262px)
}
100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
-webkit-keyframes sectionAsideLeftHide { 0%{
	-webkit-transform: translateX(256px);
	-moz-transform: translateX(256px);
	-ms-transform: translateX(256px);
	-o-transform: translateX(256px);
	transform: translateX(256px)
}

25%{
-webkit-transform
:translateX(262px)
;-moz-transform
:translateX(262px)
;-ms-transform
:translateX(262px)
;-o-transform
:translateX(262px)
;transform
:translateX(262px)
}
100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
-o-keyframes sectionAsideLeftHide { 0%{
	-webkit-transform: translateX(256px);
	-moz-transform: translateX(256px);
	-ms-transform: translateX(256px);
	-o-transform: translateX(256px);
	transform: translateX(256px)
}

25%{
-webkit-transform
:translateX(262px)
;-moz-transform
:translateX(262px)
;-ms-transform
:translateX(262px)
;-o-transform
:translateX(262px)
;transform
:translateX(262px)
}
100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
-ms-keyframes sectionAsideLeftHide { 0%{
	-webkit-transform: translateX(256px);
	-moz-transform: translateX(256px);
	-ms-transform: translateX(256px);
	-o-transform: translateX(256px);
	transform: translateX(256px)
}

25%{
-webkit-transform
:translateX(262px)
;-moz-transform
:translateX(262px)
;-ms-transform
:translateX(262px)
;-o-transform
:translateX(262px)
;transform
:translateX(262px)
}
100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
keyframes sectionAsideLeftHide { 0%{
	-webkit-transform: translateX(256px);
	-moz-transform: translateX(256px);
	-ms-transform: translateX(256px);
	-o-transform: translateX(256px);
	transform: translateX(256px)
}

25%{
-webkit-transform
:translateX(262px)
;-moz-transform
:translateX(262px)
;-ms-transform
:translateX(262px)
;-o-transform
:translateX(262px)
;transform
:translateX(262px)
}
100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
-moz-keyframes sectionAsideRightShow { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

60%{
-webkit-transform
:translateX(-262px)
;-moz-transform
:translateX(-262px)
;-ms-transform
:translateX(-262px)
;-o-transform
:translateX(-262px)
;transform
:translateX(-262px)
}
100%{
-webkit-transform
:translateX(-256px)
;-moz-transform
:translateX(-256px)
;-ms-transform
:translateX(-256px)
;-o-transform
:translateX(-256px)
;transform
:translateX(-256px)
}
}
@
-webkit-keyframes sectionAsideRightShow { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

60%{
-webkit-transform
:translateX(-262px)
;-moz-transform
:translateX(-262px)
;-ms-transform
:translateX(-262px)
;-o-transform
:translateX(-262px)
;transform
:translateX(-262px)
}
100%{
-webkit-transform
:translateX(-256px)
;-moz-transform
:translateX(-256px)
;-ms-transform
:translateX(-256px)
;-o-transform
:translateX(-256px)
;transform
:translateX(-256px)
}
}
@
-o-keyframes sectionAsideRightShow { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

60%{
-webkit-transform
:translateX(-262px)
;-moz-transform
:translateX(-262px)
;-ms-transform
:translateX(-262px)
;-o-transform
:translateX(-262px)
;transform
:translateX(-262px)
}
100%{
-webkit-transform
:translateX(-256px)
;-moz-transform
:translateX(-256px)
;-ms-transform
:translateX(-256px)
;-o-transform
:translateX(-256px)
;transform
:translateX(-256px)
}
}
@
-ms-keyframes sectionAsideRightShow { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

60%{
-webkit-transform
:translateX(-262px)
;-moz-transform
:translateX(-262px)
;-ms-transform
:translateX(-262px)
;-o-transform
:translateX(-262px)
;transform
:translateX(-262px)
}
100%{
-webkit-transform
:translateX(-256px)
;-moz-transform
:translateX(-256px)
;-ms-transform
:translateX(-256px)
;-o-transform
:translateX(-256px)
;transform
:translateX(-256px)
}
}
@
keyframes sectionAsideRightShow { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

60%{
-webkit-transform
:translateX(-262px)
;-moz-transform
:translateX(-262px)
;-ms-transform
:translateX(-262px)
;-o-transform
:translateX(-262px)
;transform
:translateX(-262px)
}
100%{
-webkit-transform
:translateX(-256px)
;-moz-transform
:translateX(-256px)
;-ms-transform
:translateX(-256px)
;-o-transform
:translateX(-256px)
;transform
:translateX(-256px)
}
}
@
-moz-keyframes sectionAsideRightHide { 0%{
	-webkit-transform: translateX(-256px);
	-moz-transform: translateX(-256px);
	-ms-transform: translateX(-256px);
	-o-transform: translateX(-256px);
	transform: translateX(-256px)
}

25%{
-webkit-transform
:translateX(-262px)
;-moz-transform
:translateX(-262px)
;-ms-transform
:translateX(-262px)
;-o-transform
:translateX(-262px)
;transform
:translateX(-262px)
}
100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
-webkit-keyframes sectionAsideRightHide { 0%{
	-webkit-transform: translateX(-256px);
	-moz-transform: translateX(-256px);
	-ms-transform: translateX(-256px);
	-o-transform: translateX(-256px);
	transform: translateX(-256px)
}

25%{
-webkit-transform
:translateX(-262px)
;-moz-transform
:translateX(-262px)
;-ms-transform
:translateX(-262px)
;-o-transform
:translateX(-262px)
;transform
:translateX(-262px)
}
100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
-o-keyframes sectionAsideRightHide { 0%{
	-webkit-transform: translateX(-256px);
	-moz-transform: translateX(-256px);
	-ms-transform: translateX(-256px);
	-o-transform: translateX(-256px);
	transform: translateX(-256px)
}

25%{
-webkit-transform
:translateX(-262px)
;-moz-transform
:translateX(-262px)
;-ms-transform
:translateX(-262px)
;-o-transform
:translateX(-262px)
;transform
:translateX(-262px)
}
100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
-ms-keyframes sectionAsideRightHide { 0%{
	-webkit-transform: translateX(-256px);
	-moz-transform: translateX(-256px);
	-ms-transform: translateX(-256px);
	-o-transform: translateX(-256px);
	transform: translateX(-256px)
}

25%{
-webkit-transform
:translateX(-262px)
;-moz-transform
:translateX(-262px)
;-ms-transform
:translateX(-262px)
;-o-transform
:translateX(-262px)
;transform
:translateX(-262px)
}
100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
keyframes sectionAsideRightHide { 0%{
	-webkit-transform: translateX(-256px);
	-moz-transform: translateX(-256px);
	-ms-transform: translateX(-256px);
	-o-transform: translateX(-256px);
	transform: translateX(-256px)
}

25%{
-webkit-transform
:translateX(-262px)
;-moz-transform
:translateX(-262px)
;-ms-transform
:translateX(-262px)
;-o-transform
:translateX(-262px)
;transform
:translateX(-262px)
}
100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
-moz-keyframes asideLeftHide { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

100%{
-webkit-transform
:translateX(-256px)
;-moz-transform
:translateX(-256px)
;-ms-transform
:translateX(-256px)
;-o-transform
:translateX(-256px)
;transform
:translateX(-256px)
}
}
@
-webkit-keyframes asideLeftHide { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

100%{
-webkit-transform
:translateX(-256px)
;-moz-transform
:translateX(-256px)
;-ms-transform
:translateX(-256px)
;-o-transform
:translateX(-256px)
;transform
:translateX(-256px)
}
}
@
-o-keyframes asideLeftHide { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

100%{
-webkit-transform
:translateX(-256px)
;-moz-transform
:translateX(-256px)
;-ms-transform
:translateX(-256px)
;-o-transform
:translateX(-256px)
;transform
:translateX(-256px)
}
}
@
-ms-keyframes asideLeftHide { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

100%{
-webkit-transform
:translateX(-256px)
;-moz-transform
:translateX(-256px)
;-ms-transform
:translateX(-256px)
;-o-transform
:translateX(-256px)
;transform
:translateX(-256px)
}
}
@
keyframes asideLeftHide { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

100%{
-webkit-transform
:translateX(-256px)
;-moz-transform
:translateX(-256px)
;-ms-transform
:translateX(-256px)
;-o-transform
:translateX(-256px)
;transform
:translateX(-256px)
}
}
body[data-device="phone"]>section[data-transition="slide"] {
	-webkit-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	-o-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}

body[data-device="phone"]>section[data-transition="slide"][data-direction="in"]
	{
	z-index: 2;
	-webkit-animation-name: phoneSlideIn;
	-moz-animation-name: phoneSlideIn;
	-ms-animation-name: phoneSlideIn;
	-o-animation-name: phoneSlideIn;
	animation-name: phoneSlideIn
}

body[data-device="phone"]>section[data-transition="slide"][data-direction="out"]
	{
	z-index: 1;
	-webkit-animation-name: phoneSlideOut;
	-moz-animation-name: phoneSlideOut;
	-ms-animation-name: phoneSlideOut;
	-o-animation-name: phoneSlideOut;
	animation-name: phoneSlideOut
}

body[data-device="phone"]>section[data-transition="slide"][data-direction="back-in"]
	{
	z-index: 1;
	-webkit-animation-name: phoneSlideBackIn;
	-moz-animation-name: phoneSlideBackIn;
	-ms-animation-name: phoneSlideBackIn;
	-o-animation-name: phoneSlideBackIn;
	animation-name: phoneSlideBackIn
}

body[data-device="phone"]>section[data-transition="slide"][data-direction="back-out"]
	{
	z-index: 2;
	-webkit-animation-name: phoneSlideBackOut;
	-moz-animation-name: phoneSlideBackOut;
	-ms-animation-name: phoneSlideBackOut;
	-o-animation-name: phoneSlideBackOut;
	animation-name: phoneSlideBackOut
}

body[data-device="phone"]>section[data-transition="cover"] {
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

body[data-device="phone"]>section[data-transition="cover"][data-direction="in"]
	{
	z-index: 2;
	-webkit-animation-name: phoneCoverIn;
	-moz-animation-name: phoneCoverIn;
	-ms-animation-name: phoneCoverIn;
	-o-animation-name: phoneCoverIn;
	animation-name: phoneCoverIn
}

body[data-device="phone"]>section[data-transition="cover"][data-direction="out"]
	{
	z-index: 1;
	-webkit-animation-name: phoneCoverOut;
	-moz-animation-name: phoneCoverOut;
	-ms-animation-name: phoneCoverOut;
	-o-animation-name: phoneCoverOut;
	animation-name: phoneCoverOut
}

body[data-device="phone"]>section[data-transition="cover"][data-direction="back-in"]
	{
	z-index: 1;
	-webkit-animation-name: phoneCoverBackIn;
	-moz-animation-name: phoneCoverBackIn;
	-ms-animation-name: phoneCoverBackIn;
	-o-animation-name: phoneCoverBackIn;
	animation-name: phoneCoverBackIn
}

body[data-device="phone"]>section[data-transition="cover"][data-direction="back-out"]
	{
	z-index: 2;
	-webkit-animation-name: phoneCoverOutBack;
	-moz-animation-name: phoneCoverOutBack;
	-ms-animation-name: phoneCoverOutBack;
	-o-animation-name: phoneCoverOutBack;
	animation-name: phoneCoverOutBack
}

body[data-device="phone"]>section[data-transition="fade"][data-direction="in"]
	{
	-webkit-animation-name: phoneFadeIn;
	-moz-animation-name: phoneFadeIn;
	-ms-animation-name: phoneFadeIn;
	-o-animation-name: phoneFadeIn;
	animation-name: phoneFadeIn
}

body[data-device="phone"]>section[data-transition="fade"][data-direction="out"]
	{
	-webkit-animation-name: phoneFadeOut;
	-moz-animation-name: phoneFadeOut;
	-ms-animation-name: phoneFadeOut;
	-o-animation-name: phoneFadeOut;
	animation-name: phoneFadeOut
}

body[data-device="phone"]>section[data-transition="fade"][data-direction="back-in"]
	{
	-webkit-animation-name: phoneFadeIn;
	-moz-animation-name: phoneFadeIn;
	-ms-animation-name: phoneFadeIn;
	-o-animation-name: phoneFadeIn;
	animation-name: phoneFadeIn
}

body[data-device="phone"]>section[data-transition="fade"][data-direction="back-out"]
	{
	-webkit-animation-name: phoneFadeOut;
	-moz-animation-name: phoneFadeOut;
	-ms-animation-name: phoneFadeOut;
	-o-animation-name: phoneFadeOut;
	animation-name: phoneFadeOut
}

@
-moz-keyframes phoneSlideOut { 0%{
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0)
}

100%{
-webkit-transform
:rotateY(-15deg)
;-moz-transform
:rotateY(-15deg)
;-ms-transform
:rotateY(-15deg)
;-o-transform
:rotateY(-15deg)
;transform
:rotateY(-15deg)
;opacity
:
.25
}
}
@
-webkit-keyframes phoneSlideOut { 0%{
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0)
}

100%{
-webkit-transform
:rotateY(-15deg)
;-moz-transform
:rotateY(-15deg)
;-ms-transform
:rotateY(-15deg)
;-o-transform
:rotateY(-15deg)
;transform
:rotateY(-15deg)
;opacity
:
.25
}
}
@
-o-keyframes phoneSlideOut { 0%{
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0)
}

100%{
-webkit-transform
:rotateY(-15deg)
;-moz-transform
:rotateY(-15deg)
;-ms-transform
:rotateY(-15deg)
;-o-transform
:rotateY(-15deg)
;transform
:rotateY(-15deg)
;opacity
:
.25
}
}
@
-ms-keyframes phoneSlideOut { 0%{
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0)
}

100%{
-webkit-transform
:rotateY(-15deg)
;-moz-transform
:rotateY(-15deg)
;-ms-transform
:rotateY(-15deg)
;-o-transform
:rotateY(-15deg)
;transform
:rotateY(-15deg)
;opacity
:
.25
}
}
@
keyframes phoneSlideOut { 0%{
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0)
}

100%{
-webkit-transform
:rotateY(-15deg)
;-moz-transform
:rotateY(-15deg)
;-ms-transform
:rotateY(-15deg)
;-o-transform
:rotateY(-15deg)
;transform
:rotateY(-15deg)
;opacity
:
.25
}
}
@
-moz-keyframes phoneSlideIn { 0%{
	-webkit-transform: translateX(110%);
	-moz-transform: translateX(110%);
	-ms-transform: translateX(110%);
	-o-transform: translateX(110%);
	transform: translateX(110%)
}

100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
-webkit-keyframes phoneSlideIn { 0%{
	-webkit-transform: translateX(110%);
	-moz-transform: translateX(110%);
	-ms-transform: translateX(110%);
	-o-transform: translateX(110%);
	transform: translateX(110%)
}

100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
-o-keyframes phoneSlideIn { 0%{
	-webkit-transform: translateX(110%);
	-moz-transform: translateX(110%);
	-ms-transform: translateX(110%);
	-o-transform: translateX(110%);
	transform: translateX(110%)
}

100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
-ms-keyframes phoneSlideIn { 0%{
	-webkit-transform: translateX(110%);
	-moz-transform: translateX(110%);
	-ms-transform: translateX(110%);
	-o-transform: translateX(110%);
	transform: translateX(110%)
}

100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
keyframes phoneSlideIn { 0%{
	-webkit-transform: translateX(110%);
	-moz-transform: translateX(110%);
	-ms-transform: translateX(110%);
	-o-transform: translateX(110%);
	transform: translateX(110%)
}

100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
-moz-keyframes phoneSlideBackOut { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

100%{
-webkit-transform
:translateX
(110%);-moz-transform
:translateX
(110%);-ms-transform
:translateX
(110%);-o-transform
:translateX
(110%);transform
:translateX
(110%)
}
}
@
-webkit-keyframes phoneSlideBackOut { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

100%{
-webkit-transform
:translateX
(110%);-moz-transform
:translateX
(110%);-ms-transform
:translateX
(110%);-o-transform
:translateX
(110%);transform
:translateX
(110%)
}
}
@
-o-keyframes phoneSlideBackOut { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

100%{
-webkit-transform
:translateX
(110%);-moz-transform
:translateX
(110%);-ms-transform
:translateX
(110%);-o-transform
:translateX
(110%);transform
:translateX
(110%)
}
}
@
-ms-keyframes phoneSlideBackOut { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

100%{
-webkit-transform
:translateX
(110%);-moz-transform
:translateX
(110%);-ms-transform
:translateX
(110%);-o-transform
:translateX
(110%);transform
:translateX
(110%)
}
}
@
keyframes phoneSlideBackOut { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

100%{
-webkit-transform
:translateX
(110%);-moz-transform
:translateX
(110%);-ms-transform
:translateX
(110%);-o-transform
:translateX
(110%);transform
:translateX
(110%)
}
}
@
-moz-keyframes phoneSlideBackIn { 0%{
	-webkit-transform: rotateY(-15deg);
	-moz-transform: rotateY(-15deg);
	-ms-transform: rotateY(-15deg);
	-o-transform: rotateY(-15deg);
	transform: rotateY(-15deg);
	opacity: .25
}

100%{
-webkit-transform
:translateZ(0)
;-moz-transform
:translateZ(0)
;-ms-transform
:translateZ(0)
;-o-transform
:translateZ(0)
;transform
:translateZ(0)
}
}
@
-webkit-keyframes phoneSlideBackIn { 0%{
	-webkit-transform: rotateY(-15deg);
	-moz-transform: rotateY(-15deg);
	-ms-transform: rotateY(-15deg);
	-o-transform: rotateY(-15deg);
	transform: rotateY(-15deg);
	opacity: .25
}

100%{
-webkit-transform
:translateZ(0)
;-moz-transform
:translateZ(0)
;-ms-transform
:translateZ(0)
;-o-transform
:translateZ(0)
;transform
:translateZ(0)
}
}
@
-o-keyframes phoneSlideBackIn { 0%{
	-webkit-transform: rotateY(-15deg);
	-moz-transform: rotateY(-15deg);
	-ms-transform: rotateY(-15deg);
	-o-transform: rotateY(-15deg);
	transform: rotateY(-15deg);
	opacity: .25
}

100%{
-webkit-transform
:translateZ(0)
;-moz-transform
:translateZ(0)
;-ms-transform
:translateZ(0)
;-o-transform
:translateZ(0)
;transform
:translateZ(0)
}
}
@
-ms-keyframes phoneSlideBackIn { 0%{
	-webkit-transform: rotateY(-15deg);
	-moz-transform: rotateY(-15deg);
	-ms-transform: rotateY(-15deg);
	-o-transform: rotateY(-15deg);
	transform: rotateY(-15deg);
	opacity: .25
}

100%{
-webkit-transform
:translateZ(0)
;-moz-transform
:translateZ(0)
;-ms-transform
:translateZ(0)
;-o-transform
:translateZ(0)
;transform
:translateZ(0)
}
}
@
keyframes phoneSlideBackIn { 0%{
	-webkit-transform: rotateY(-15deg);
	-moz-transform: rotateY(-15deg);
	-ms-transform: rotateY(-15deg);
	-o-transform: rotateY(-15deg);
	transform: rotateY(-15deg);
	opacity: .25
}

100%{
-webkit-transform
:translateZ(0)
;-moz-transform
:translateZ(0)
;-ms-transform
:translateZ(0)
;-o-transform
:translateZ(0)
;transform
:translateZ(0)
}
}
@
-moz-keyframes phoneCoverOut { 0%{
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0)
}

100%{
-webkit-transform
:rotateX(15deg)
;-moz-transform
:rotateX(15deg)
;-ms-transform
:rotateX(15deg)
;-o-transform
:rotateX(15deg)
;transform
:rotateX(15deg)
;opacity
:
.25
}
}
@
-webkit-keyframes phoneCoverOut { 0%{
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0)
}

100%{
-webkit-transform
:rotateX(15deg)
;-moz-transform
:rotateX(15deg)
;-ms-transform
:rotateX(15deg)
;-o-transform
:rotateX(15deg)
;transform
:rotateX(15deg)
;opacity
:
.25
}
}
@
-o-keyframes phoneCoverOut { 0%{
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0)
}

100%{
-webkit-transform
:rotateX(15deg)
;-moz-transform
:rotateX(15deg)
;-ms-transform
:rotateX(15deg)
;-o-transform
:rotateX(15deg)
;transform
:rotateX(15deg)
;opacity
:
.25
}
}
@
-ms-keyframes phoneCoverOut { 0%{
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0)
}

100%{
-webkit-transform
:rotateX(15deg)
;-moz-transform
:rotateX(15deg)
;-ms-transform
:rotateX(15deg)
;-o-transform
:rotateX(15deg)
;transform
:rotateX(15deg)
;opacity
:
.25
}
}
@
keyframes phoneCoverOut { 0%{
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0)
}

100%{
-webkit-transform
:rotateX(15deg)
;-moz-transform
:rotateX(15deg)
;-ms-transform
:rotateX(15deg)
;-o-transform
:rotateX(15deg)
;transform
:rotateX(15deg)
;opacity
:
.25
}
}
@
-moz-keyframes phoneCoverIn { 0%{
	-webkit-transform: translateY(110%);
	-moz-transform: translateY(110%);
	-ms-transform: translateY(110%);
	-o-transform: translateY(110%);
	transform: translateY(110%)
}

100%{
-webkit-transform
:translateY(0)
;-moz-transform
:translateY(0)
;-ms-transform
:translateY(0)
;-o-transform
:translateY(0)
;transform
:translateY(0)
}
}
@
-webkit-keyframes phoneCoverIn { 0%{
	-webkit-transform: translateY(110%);
	-moz-transform: translateY(110%);
	-ms-transform: translateY(110%);
	-o-transform: translateY(110%);
	transform: translateY(110%)
}

100%{
-webkit-transform
:translateY(0)
;-moz-transform
:translateY(0)
;-ms-transform
:translateY(0)
;-o-transform
:translateY(0)
;transform
:translateY(0)
}
}
@
-o-keyframes phoneCoverIn { 0%{
	-webkit-transform: translateY(110%);
	-moz-transform: translateY(110%);
	-ms-transform: translateY(110%);
	-o-transform: translateY(110%);
	transform: translateY(110%)
}

100%{
-webkit-transform
:translateY(0)
;-moz-transform
:translateY(0)
;-ms-transform
:translateY(0)
;-o-transform
:translateY(0)
;transform
:translateY(0)
}
}
@
-ms-keyframes phoneCoverIn { 0%{
	-webkit-transform: translateY(110%);
	-moz-transform: translateY(110%);
	-ms-transform: translateY(110%);
	-o-transform: translateY(110%);
	transform: translateY(110%)
}

100%{
-webkit-transform
:translateY(0)
;-moz-transform
:translateY(0)
;-ms-transform
:translateY(0)
;-o-transform
:translateY(0)
;transform
:translateY(0)
}
}
@
keyframes phoneCoverIn { 0%{
	-webkit-transform: translateY(110%);
	-moz-transform: translateY(110%);
	-ms-transform: translateY(110%);
	-o-transform: translateY(110%);
	transform: translateY(110%)
}

100%{
-webkit-transform
:translateY(0)
;-moz-transform
:translateY(0)
;-ms-transform
:translateY(0)
;-o-transform
:translateY(0)
;transform
:translateY(0)
}
}
@
-moz-keyframes phoneCoverOutBack { 0%{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

100%{
-webkit-transform
:translateY
(110%);-moz-transform
:translateY
(110%);-ms-transform
:translateY
(110%);-o-transform
:translateY
(110%);transform
:translateY
(110%)
}
}
@
-webkit-keyframes phoneCoverOutBack { 0%{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

100%{
-webkit-transform
:translateY
(110%);-moz-transform
:translateY
(110%);-ms-transform
:translateY
(110%);-o-transform
:translateY
(110%);transform
:translateY
(110%)
}
}
@
-o-keyframes phoneCoverOutBack { 0%{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

100%{
-webkit-transform
:translateY
(110%);-moz-transform
:translateY
(110%);-ms-transform
:translateY
(110%);-o-transform
:translateY
(110%);transform
:translateY
(110%)
}
}
@
-ms-keyframes phoneCoverOutBack { 0%{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

100%{
-webkit-transform
:translateY
(110%);-moz-transform
:translateY
(110%);-ms-transform
:translateY
(110%);-o-transform
:translateY
(110%);transform
:translateY
(110%)
}
}
@
keyframes phoneCoverOutBack { 0%{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

100%{
-webkit-transform
:translateY
(110%);-moz-transform
:translateY
(110%);-ms-transform
:translateY
(110%);-o-transform
:translateY
(110%);transform
:translateY
(110%)
}
}
@
-moz-keyframes phoneCoverBackIn { 0%{
	-webkit-transform: rotateX(15deg);
	-moz-transform: rotateX(15deg);
	-ms-transform: rotateX(15deg);
	-o-transform: rotateX(15deg);
	transform: rotateX(15deg);
	opacity: .25
}

100%{
-webkit-transform
:translateZ(0)
;-moz-transform
:translateZ(0)
;-ms-transform
:translateZ(0)
;-o-transform
:translateZ(0)
;transform
:translateZ(0)
}
}
@
-webkit-keyframes phoneCoverBackIn { 0%{
	-webkit-transform: rotateX(15deg);
	-moz-transform: rotateX(15deg);
	-ms-transform: rotateX(15deg);
	-o-transform: rotateX(15deg);
	transform: rotateX(15deg);
	opacity: .25
}

100%{
-webkit-transform
:translateZ(0)
;-moz-transform
:translateZ(0)
;-ms-transform
:translateZ(0)
;-o-transform
:translateZ(0)
;transform
:translateZ(0)
}
}
@
-o-keyframes phoneCoverBackIn { 0%{
	-webkit-transform: rotateX(15deg);
	-moz-transform: rotateX(15deg);
	-ms-transform: rotateX(15deg);
	-o-transform: rotateX(15deg);
	transform: rotateX(15deg);
	opacity: .25
}

100%{
-webkit-transform
:translateZ(0)
;-moz-transform
:translateZ(0)
;-ms-transform
:translateZ(0)
;-o-transform
:translateZ(0)
;transform
:translateZ(0)
}
}
@
-ms-keyframes phoneCoverBackIn { 0%{
	-webkit-transform: rotateX(15deg);
	-moz-transform: rotateX(15deg);
	-ms-transform: rotateX(15deg);
	-o-transform: rotateX(15deg);
	transform: rotateX(15deg);
	opacity: .25
}

100%{
-webkit-transform
:translateZ(0)
;-moz-transform
:translateZ(0)
;-ms-transform
:translateZ(0)
;-o-transform
:translateZ(0)
;transform
:translateZ(0)
}
}
@
keyframes phoneCoverBackIn { 0%{
	-webkit-transform: rotateX(15deg);
	-moz-transform: rotateX(15deg);
	-ms-transform: rotateX(15deg);
	-o-transform: rotateX(15deg);
	transform: rotateX(15deg);
	opacity: .25
}

100%{
-webkit-transform
:translateZ(0)
;-moz-transform
:translateZ(0)
;-ms-transform
:translateZ(0)
;-o-transform
:translateZ(0)
;transform
:translateZ(0)
}
}
@
-moz-keyframes phoneFadeOut { 0%{
	opacity: 1
}

100%{
opacity
:
0
}
}
@
-webkit-keyframes phoneFadeOut { 0%{
	opacity: 1
}

100%{
opacity
:
0
}
}
@
-o-keyframes phoneFadeOut { 0%{
	opacity: 1
}

100%{
opacity
:
0
}
}
@
-ms-keyframes phoneFadeOut { 0%{
	opacity: 1
}

100%{
opacity
:
0
}
}
@
keyframes phoneFadeOut { 0%{
	opacity: 1
}

100%{
opacity
:
0
}
}
@
-moz-keyframes phoneFadeIn { 0%{
	opacity: 0
}

100%{
opacity
:
1
}
}
@
-webkit-keyframes phoneFadeIn { 0%{
	opacity: 0
}

100%{
opacity
:
1
}
}
@
-o-keyframes phoneFadeIn { 0%{
	opacity: 0
}

100%{
opacity
:
1
}
}
@
-ms-keyframes phoneFadeIn { 0%{
	opacity: 0
}

100%{
opacity
:
1
}
}
@
keyframes phoneFadeIn { 0%{
	opacity: 0
}

100%{
opacity
:
1
}
}
body[data-device="tablet"]>section[data-transition="slide"][data-direction="in"]
	{
	z-index: 2;
	-webkit-animation-name: slideInTablet;
	-moz-animation-name: slideInTablet;
	-ms-animation-name: slideInTablet;
	-o-animation-name: slideInTablet;
	animation-name: slideInTablet
}

body[data-device="tablet"]>section[data-transition="slide"][data-direction="back-out"]
	{
	z-index: 2;
	-webkit-animation-name: slideBackOutTablet;
	-moz-animation-name: slideBackOutTablet;
	-ms-animation-name: slideBackOutTablet;
	-o-animation-name: slideBackOutTablet;
	animation-name: slideBackOutTablet
}

@
-moz-keyframes slideInTablet { 0%{
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	opacity: 0
}

100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
;opacity
:
1
}
}
@
-webkit-keyframes slideInTablet { 0%{
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	opacity: 0
}

100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
;opacity
:
1
}
}
@
-o-keyframes slideInTablet { 0%{
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	opacity: 0
}

100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
;opacity
:
1
}
}
@
-ms-keyframes slideInTablet { 0%{
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	opacity: 0
}

100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
;opacity
:
1
}
}
@
keyframes slideInTablet { 0%{
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	opacity: 0
}

100%{
-webkit-transform
:translateX(0)
;-moz-transform
:translateX(0)
;-ms-transform
:translateX(0)
;-o-transform
:translateX(0)
;transform
:translateX(0)
;opacity
:
1
}
}
@
-moz-keyframes slideBackOutTablet { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}

100%{
-webkit-transform
:translateX
(100%);-moz-transform
:translateX
(100%);-ms-transform
:translateX
(100%);-o-transform
:translateX
(100%);transform
:translateX
(100%);opacity
:
0
}
}
@
-webkit-keyframes slideBackOutTablet { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}

100%{
-webkit-transform
:translateX
(100%);-moz-transform
:translateX
(100%);-ms-transform
:translateX
(100%);-o-transform
:translateX
(100%);transform
:translateX
(100%);opacity
:
0
}
}
@
-o-keyframes slideBackOutTablet { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}

100%{
-webkit-transform
:translateX
(100%);-moz-transform
:translateX
(100%);-ms-transform
:translateX
(100%);-o-transform
:translateX
(100%);transform
:translateX
(100%);opacity
:
0
}
}
@
-ms-keyframes slideBackOutTablet { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}

100%{
-webkit-transform
:translateX
(100%);-moz-transform
:translateX
(100%);-ms-transform
:translateX
(100%);-o-transform
:translateX
(100%);transform
:translateX
(100%);opacity
:
0
}
}
@
keyframes slideBackOutTablet { 0%{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}
100%{
-webkit-transform
:translateX
(100%);-moz-transform
:translateX
(100%);-ms-transform
:translateX
(100%);-o-transform
:translateX
(100%);transform
:translateX
(100%);opacity
:
0
}
}